﻿<div class="layui-tab layui-tab-card" style="padding: 0px;border: none;margin-top: 0px;">
  <ul class="layui-tab-title layui-tab-title-city">
  	<li class="layui-this">基础设置</li>
  	<li >样式设置</li>
    <li >属性设置</li>
  </ul>
  <div class="layui-tab-content" >
    <div class="layui-tab-item layui-show">
		<form id="modelBizPolygonForm" lay-filter="modelBizPolygonForm" class="layui-form model-form" style="padding:0px;">
			<input name="id" type="hidden"  id="markarLineId" value="#(bizPolygon?bizPolygon.id:'')" />
			<table class="formTable">
				<tr>
					<td>名称</td>
					<td colspan="2">
						<input id="bizPolygonName-input" name="name" value="#(bizPolygon?bizPolygon.name:'')" placeholder="" autocomplete="off"   type="text" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
					</td>
				</tr>	
				<tr>
					<td>标识</td>
					<td colspan="2">
						<input name="code" placeholder="" value="#(bizPolygon?bizPolygon.code:'')"  autocomplete="off"   type="text" class="layui-input" maxlength="50"/>
					</td>
				</tr>	
				<tr>
					<td>序号:</td>
					<td colspan="2">
						<input name="sort" autocomplete="off"  value="#(BizPolygon?BizPolygon.sort:0)"   placeholder="请输入序号" type="number" class="layui-input" maxlength="20"  lay-verType="tips" lay-verify="required" required/>
					</td>
				</tr>
				<tr>
					<td colspan="3" style="text-align: right;">
						<button type="button" class="layui-btn layui-btn-sm" id="settingBizPolygonVisualAngle">设置视角</button>
						<button class="layui-btn layui-btn-sm" lay-filter="submitBizPolygonForm" lay-submit>保存</button>
					</td>
				</tr>
			</table>	
		</form>  
    </div>
    <div class="layui-tab-item">
	    <button id="btnAddPolygonForStyle" class="layui-btn layui-btn-sm icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>
	    <table class="layui-table" id="tablePolygonForSettingStyle" lay-filter="tablePolygonForSettingStyle" style="margin-top: 0px;"></table>    
    	<span style="color: red;">默认样式code：DEFAULT | 渲染样式code：HOVER | 选中样式code：SELECTED  </span>
    </div>    
    <div class="layui-tab-item">
		<table class="formTable">
		</table>     
    </div>
  </div>
</div>

<!-- 表格操作列 -->
<script type="text/html" id="tableBarPolygonForSettingStyle">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script> 
 
<script type="text/html" id="modelBizStylePolygonScript">
<form id="modelBizStylePolygonForm" lay-filter="modelBizStylePolygonForm" class="layui-form model-form" style="padding: 1px;">
	<input name="id" type="hidden" id="polygonStyleId"  />
	<table class="formTable">
		<tr>
			<td>名称</td>
			<td colspan="4">
				<input name="name" placeholder=""  type="text" class="layui-input" maxlength="50"
                       lay-verType="tips" lay-verify="required" required/>
			</td>
		</tr>
		<tr>
			<td>标识</td>
			<td colspan="4">
				<input name="code" placeholder=""  type="text" class="layui-input"  maxlength="50"
                       lay-verType="tips" lay-verify="required" required />
			</td>
		</tr>
		<tr>
			<td>效果设置</td>
			<td colspan="4">
				<select name="displayEffect"
					lay-filter="displayEffect" lay-verify="required" required>
						<option value="0">区域面</option>
						<option value="1">建筑效果</option>
						<option value="2">水面效果</option>
				</select>
			</td>
		</tr>
		<tr >
			<td>是否启用</td>
			<td colspan="4">
				<select name="enabled" lay-filter="enabled" >
						<option value="0">否</option>
						<option value="1">是</option>
				</select>
			</td>
		</tr>
		<tr id="materialTr">
			<td>材质设置</td>
			<td colspan="4" >
				<select
					name="material" lay-filter="material" >
						<option value="color">颜色</option>
						<option value="img">贴图</option>
				</select>
			</td>
		</tr>
		<tr id="fillTr">
			<td>填充</td>
			<td colspan="4" >
			<select name="fill" lay-filter="fill">
					<option value="0">否</option>
					<option value="1">是</option>
			</select>
			</td>
		</tr>
		<tr id="colorTr">
			<td>颜色设置</td>
			<td colspan="4" >
				<input type="hidden" name="color" id="color-input">
				<div id="color"></div>
			</td>
		</tr>
		<tr id="mapUrlTr">
			<td>贴图设置</td>
			<td colspan="4" >
				<div class="layui-inline" style="padding-right: 10px;margin-right: 0px;">
					<input type="hidden" name="mapUrl" id="mapUrl-input">
					<img id="mapUrl-img" src="#(ctx)/assets/img/position.png" width="100" height="100" style="margin-right: 10px;" />
					<button class="layui-btn layui-btn-sm layui-btn-orange" id="mapUrl-select-btn" >选择</button>
				</div>
			</td>
		</tr>
		<tr id="outlineTr">
			<td>轮廓可见</td>
			<td colspan="2">
				<select name="outline" lay-filter="outline">
					<option value="0">否</option>
					<option value="1">是</option>
				</select>
			</td>
			<td>
				<input name="outlineWidth" placeholder="请输入粗细值" type="number" class="layui-input" lay-verType="tips" />
			</td>
			<td>
				<input type="hidden" name="outlineColor" id="outlineColor-input">
				<div id="outlineColor"></div>
			</td>
		</tr>
		<tr id="perPositionHeightTr">
			<td>是否贴地</td>
			<td colspan="4">
				<select name="perPositionHeight" lay-filter="perPositionHeight" >
						<option value="0">否</option>
						<option value="1">是</option>
				</select>
			</td>
		</tr>
		<tr id="heightTr">
			<td>离地高度</td>
			<td colspan="4">
				<input name="height" placeholder="height" value="4" type="number" class="layui-input" lay-verType="tips"/>
			</td>
		</tr>
		<tr id="extrudedHeightTr">
			<td>拔高高度</td>
			<td colspan="4"><input name="extrudedHeight" placeholder="height" type="number" class="layui-input" lay-verType="tips" />
			</td>
		</tr>
		<tr id="closeTopTr">
			<td>显示顶部</td>
			<td colspan="4">
				<select name="closeTop" lay-filter="closeTop">
						<option value="0">否</option>
						<option value="1">是</option>
				</select>
			</td>
		</tr>
		<tr id="closeBottomTr">
			<td>显示底部</td>
			<td colspan="4">
			<select name="closeBottom" lay-filter="closeBottom">
				<option value="0">否</option>
				<option value="1">是</option>
			</select>
			</td>
		</tr>
		<tr>
			<td>可视范围</td>
			<td>
				<input id="distanceDisplayConditionX" name="distanceDisplayConditionX" placeholder="x" value='0' type="number" class="layui-input" lay-verType="tips" />
			</td>
			<td><button id="distanceDisplayConditionXBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button></td>	
			<td><input id="distanceDisplayConditionY" name="distanceDisplayConditionY" placeholder="y" value="50000" type="number" class="layui-input" lay-verType="tips" /></td>
			<td><button id="distanceDisplayConditionYBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">far</button></td>	
		</tr>
		<tr id="animationSpeedTr">
			<td>水流速度</td>
			<td colspan="4"><input name="speed" placeholder="y"
				value="0.01" type="number" class="layui-input" lay-verType="tips" />
			</td>
		</tr>
		<tr id="amplitudeTr">
			<td>振幅大小</td>
			<td colspan="4"><input name="amplitude" placeholder="y"
				value="1" type="number" class="layui-input" lay-verType="tips" />
			</td>
		</tr>
		<tr id="frequencyTr">
			<td>水波数量</td>
			<td colspan="4"><input name="frequency" placeholder="y"
				value="1000" type="number" class="layui-input" lay-verType="tips" />
			</td>
		</tr>
		<tr>
			<td colspan="5" style="text-align: right;">
				<button class="layui-btn  layui-btn-sm " lay-filter="modelSubmitBizStylePolygontForm" lay-submit>保存</button>
			</td>
		</tr>
	</table>
</form>
</script>